<template>
	
</template>

<script>
	import {swiper,swiperSide} from 'vue-awesome-swiper'
export default {
  	name:'Bactivity',
  	components:{
				swiper,
				swiperSide
		},
  	mounted(){
  		this.tableData()
    },
    data(){
    	return {
    		swiperOption:{
					pagination:'.swiper-pagination',
					autoplay:true,
					nextEl: '.swiper_next',
        			prevEl: '.swiper_pre',
        			slidesPerView: 3
				 },
    		msg:1
    	}
    },
    methods:{
    	tableData(){
    		let self = this;
			this.msg="7";
    	},
    	goDetail(){
    		this.$router.push('/Actdet');
    	}
    }
}
</script>

<style>
	.slide_click{
		position: relative;
	}
	.slide_right,.slide_left{
		position: absolute;
		width: 14px!important;
		height: 25px!important;
		
		top: 110px;
	}
	.slide_right{
		right: -30px;
	}
	.slide_left{
		left: -30px;
	}
	.b9_active .slide_time img{
		width: 14px!important;
		height: 14px;
		vertical-align: middle;
	}
	.b9_active .slide_time span{
		color: #B8B8B8;
		font-size: 12px;
		vertical-align: middle;
	}
	.b9_active .slide_desc h5{
		font-size: 15px;
		margin: 5px 0;
	}
	.b9_active .slide_desc_span0{
		font-size: 12px;
	}
	.b9_active h2{
		font-size: 30px;
		margin: 0;
		padding: 0;
	}
	.b9_active p{
		font-size: 24px;
	}
	.b9_active button{
		background: none;
		color: black;
		font-size: 18px;
		border:1px solid rgba(0,0,0,1);
		width: 180px;
		height: 40px;
	}
	.b9_active button:hover{
		background: #000000;
		color: white;
	}
	
 
	.active_1,.active_2,.active_3{
		text-align: center;
		padding: 60px 0px;
		height: 230px;
	}
	
	.b9_active img{
		width: 100%;
	}
	.b9_active{
		width: 70%;
		margin-left: 15%;
	}
</style>